// 封装message函数  Message({ type: 'error', text: '登录失败' })
import Message_ from './index.vue'
import { createVNode, render } from 'vue'

function Message ({ type, text }) {
  // 封装逻辑
  // 1. 有一个现成的Messge组件
  // 2. createVNode方法生成一个虚拟dom对象
  const vnode = createVNode(Message_, { type, text })
  // 手动创建一个用来挂载的真实节点container
  const container = document.createElement('div')
  document.body.appendChild(container)
  // 3. render方法渲染为真实的dom节点
  render(vnode, container)
  // 4. 1.5s之后关闭弹框
  setTimeout(() => {
    render(null, container)
  }, 1500)
}

export default Message
